<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
	</head>
	<body>
		<div class="container">
			<div class="row">
				<header class="col-md-2">
					<div class="logo">
						<a href="#">
							<img src="images/logo.png" alt="" class="hidden-xs" />
							<span class="visible-xs">阿里百秀</span>
						</a>
					</div>
					<div class="nav">
						<ul>
							<li><a href="#" class="glyphicon glyphicon-camera">生活馆</a></li>
							<li><a href="#" class="glyphicon glyphicon-picture">自然汇</a></li>
							<li><a href="#" class="glyphicon glyphicon-phone">科技潮</a></li>
							<li><a href="#" class="glyphicon glyphicon-gift">奇趣事</a></li>
							<li><a href="#" class="glyphicon glyphicon-glass">美食节</a></li>
						</ul>
					</div>
				</header>
				<article class="col-md-7">
					<!-- 新闻 -->
					<div class="news clearfix">
						<ul>
							<li>
								<a>
									<img src="images/lg.png" alt="" />
									<p>阿里百秀</p>
								</a>
							</li>
							<li>
								<a>
									<img src="images/1.jpg" alt="" />
									<p>奇了，成都一小区护卫长得像马云，市民纷纷求合影</p>
								</a>
							</li>
							<li>
								<a>
									<img src="images/1.jpg" alt="" />
									<p>奇了，成都一小区护卫长得像马云，市民纷纷求合影</p>
								</a>
							</li>
							<li>
								<a>
									<img src="images/1.jpg" alt="" />
									<p>奇了，成都一小区护卫长得像马云，市民纷纷求合影</p>
								</a>
							</li>
							<li>
								<a>
									<img src="images/1.jpg" alt="" />
									<p>奇了，成都一小区护卫长得像马云，市民纷纷求合影</p>
								</a>
							</li>
						</ul>
					</div>
					<!-- 发表 -->
					<div class="publish">
						<div class="row">
							<div class="col-sm-9">
								<h3>生活馆 关于养生应该知道的知识</h3>
								<p class="text-muted hidden-xs">
									alibaixiu 发布于 2015-11-20
								</p>
								<p>
									养生知识10个，你值得拥有
								</p>
								<p class="text-muted hidden-xs">
									阅读（2417）评论（1234）赞（12万）标签：健康
								</p>
							</div>
							<div class="col-sm-3 pic hidden-xs">
								<img src="images/1.jpg" alt="">
							</div>
						</div>
						<div class="row">
							<div class="col-sm-9">
								<h3>生活馆 关于养生应该知道的知识</h3>
								<p class="text-muted hidden-xs">
									alibaixiu 发布于 2015-11-20
								</p>
								<p>
									养生知识10个，你值得拥有
								</p>
								<p class="text-muted hidden-xs">
									阅读（2417）评论（1234）赞（12万）标签：健康
								</p>
							</div>
							<div class="col-sm-3 pic hidden-xs">
								<img src="images/1.jpg" alt="">
							</div>
						</div>
						<div class="row">
							<div class="col-sm-9">
								<h3>生活馆 关于养生应该知道的知识</h3>
								<p class="text-muted hidden-xs">
									alibaixiu 发布于 2015-11-20
								</p>
								<p>
									养生知识10个，你值得拥有
								</p>
								<p class="text-muted hidden-xs">
									阅读（2417）评论（1234）赞（12万）标签：健康
								</p>
							</div>
							<div class="col-sm-3 pic hidden-xs">
								<img src="images/1.jpg" alt="">
							</div>
						</div>
						<div class="row">
							<div class="col-sm-9">
								<h3>生活馆 关于养生应该知道的知识</h3>
								<p class="text-muted hidden-xs">
									alibaixiu 发布于 2015-11-20
								</p>
								<p>
									养生知识10个，你值得拥有
								</p>
								<p class="text-muted hidden-xs">
									阅读（2417）评论（1234）赞（12万）标签：健康
								</p>
							</div>
							<div class="col-sm-3 pic hidden-xs">
								<img src="images/1.jpg" alt="">
							</div>
						</div>
					</div>
				</article>
				<aside class="col-md-3">
					<a href="#" class="banner">

						<img src="images/zgboke.jpg" />
					</a>
					<a href="#" class="hot">
						<span class="btn btn-primary">热搜</span>
						<h4>欢迎加入</h4>
						<p>这里收录了国内各个领域的优秀博客，是一个全人工编辑的开放式博客联盟交流和展示</p>
					</a>
				</aside>
			</div>
		</div>
	</body>
</html>
